<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>幸福家庭-详情页</title>
	<meta name="description" content="">
	<meta name="keywords" content="">
	<link rel="stylesheet" href="css/cui.css" />
	<link rel="stylesheet" href="css/cui-rel.css" />
	<link rel="stylesheet" href="css/lib.css" />
	<link rel="stylesheet" href="css/style.css" />
	<link rel="stylesheet" href="css/style-rel.css" />
	<script type="text/javascript" src="js/jquery.js"></script>
	<!--[if IE]>
	<script src="js/html5.js"></script>
	<script src="js/respond.js"></script>
	<![endif]-->
</head>
<body>

	<div id="hd" class="hide-m">
		<div class="wp">
			<div class="logo g-50 m-g-100">
				<a href=""><img src="images/logo.png" alt=""></a>
				<img src="images/logo-txt.png" alt="" class="logo-txt hide-t hide-m">
			</div>
			<div class="hdr g-35 t-g-50 m-g-100">
				<div class="top hide-m">
					<span class="tel">400-636-0161</span>
					<a href="">登陆</a>|<a href="">注册</a>
				</div>
				<div class="soBox">
					<form action="">
						<input type="text" value="中国最系统的好习惯养成训练指导平台" class="so-inp" onfocus="if(this.value='中国最系统的好习惯养成训练指导平台'){this.value='';}" onblur="if(!this.value){this.value=this.defaultValue;}">
						<input type="submit" value="" class="so-btn">
					</form>
				</div>
			</div>
		</div>
	</div>

	<div id="nv" class="hide-m">
		<div class="wp">
			<div class="g-100">
				<ul class="nav">
					<li><a href="" class="v1">首页</a></li>
					<li class="on"><a href="" class="v1">幸福家庭</a>
						<dl>
							<dd><a href="">家庭教育公开课</a></dd>
							<dd><a href="">12堂家庭教育课程</a></dd>
							<dd><a href="">育惯百合卓越家长班</a></dd>
							<dd><a href="">园丁百合专业家长班</a></dd>
							<dd><a href="">同心百合教练家长班</a></dd>
							<dd><a href="">圣仁百合导师家长班</a></dd>
						</dl>
					</li>
					<li><a href="" class="v1">好习惯少年</a>
						<dl>
							<dd><a href="">学能体验营</a></dd>
							<dd><a href="">学习动力营</a></dd>
							<dd><a href="">精英挑战营</a></dd>
							<dd><a href="">思维拓展营</a></dd>
							<dd><a href="">生存体验营</a></dd>
							<dd><a href="">领袖孵化营</a></dd>
							<dd><a href="">国际交流营</a></dd>
						</dl>
					</li>
					<li><a href="" class="v1">好习惯教师</a></li>
					<li><a href="" class="v1">好习惯专家</a></li>
					<li><a href="" class="v1">好习惯典范</a></li>
					<li><a href="" class="v1">好习惯体验</a></li>
					<li><a href="" class="v1">好习惯传播</a>
						<dl>
							<dd><a href="">会议动态</a></dd>
							<dd><a href="">会议动态</a></dd>
							<dd><a href="">会议动态</a></dd>
							<dd><a href="">会议动态</a></dd>
							<dd><a href="">会议动态</a></dd>
						</dl>
					</li>
					<li><a href="" class="v1">好习惯百合</a></li>
				</ul>
			</div>
		</div>
	</div>

	<div id="Mobile-hd" class="hide hide-p hide-t">
		<div class="wp">
			<div class="searchBox">
				<span class="search-btn"></span>
				<div class="soBox">
					<form action="">
						<input type="text" value="中国最系统的好习惯养成训练指导平台" class="so-inp" onfocus="if(this.value='中国最系统的好习惯养成训练指导平台'){this.value='';}" onblur="if(!this.value){this.value=this.defaultValue;}">
						<input type="submit" value="" class="so-btn">
					</form>
				</div>
			</div>

			<img src="images/slogo.png" alt="" class="slogo hide hide-p">

			<div class="menuBox">
				<span class="menu-btn"></span>
				<ul>
					<li><a href="" class="v1">幸福家庭</a>
						<dl>
							<dd><a href="">家庭教育公开课</a></dd>
							<dd><a href="">12堂家庭教育课程</a></dd>
							<dd><a href="">育惯百合卓越家长班</a></dd>
							<dd><a href="">园丁百合专业家长班</a></dd>
							<dd><a href="">同心百合教练家长班</a></dd>
							<dd><a href="">圣仁百合导师家长班</a></dd>
						</dl>
					</li>
					<li><a href="" class="v1">好习惯少年</a>
						<dl>
							<dd><a href="">学能体验营</a></dd>
							<dd><a href="">学习动力营</a></dd>
							<dd><a href="">精英挑战营</a></dd>
							<dd><a href="">思维拓展营</a></dd>
							<dd><a href="">生存体验营</a></dd>
							<dd><a href="">领袖孵化营</a></dd>
							<dd><a href="">国际交流营</a></dd>
						</dl>
					</li>
					<li><a href="" class="v1">好习惯教师</a></li>
					<li><a href="" class="v1">好习惯专家</a></li>
					<li><a href="" class="v1">好习惯典范</a></li>
					<li><a href="" class="v1">好习惯体验</a></li>
					<li><a href="" class="v1">好习惯传播</a>
						<dl>
							<dd><a href="">会议动态</a></dd>
							<dd><a href="">会议动态</a></dd>
							<dd><a href="">会议动态</a></dd>
							<dd><a href="">会议动态</a></dd>
							<dd><a href="">会议动态</a></dd>
						</dl>
					</li>
					<li><a href="" class="v1">好习惯百合</a></li>
				</ul>
			</div>
		</div>
	</div>

	<!-- <div class="h20"></div> -->
	<div id="bd" class="bglinear1 p30-0">
		<div class="wp">
			<div class="det-flashBox g-75 t-g-65 m-g-100">
				<div class="title">
					<h3 class="st1">视频标题视频标题<span>卓越家长班</span></h3>
					<span class="r hide-m">来源：圣仁谷 2014-04-22</span>
				</div>

				<div class="det-tab-con">
					<div class="videoBox">
						<video loop="" poster="videos/p5.jpg" id="Video1" onclick="videoplay('Video1')">
							<source src="videos/explore.mp4" type="video/mp4">
							<source src="videos/explore.webm" type="video/webm">
						</video>
						<span class="play-btn" onclick="videoplay('Video1')"></span>
					</div>
				</div>

				<div class="det-tab-con dn">
					<div class="videoBox">
						<video loop="" poster="videos/explore.jpg" id="Video2" onclick="videoplay('Video2')">
							<source src="videos/explore.mp4" type="video/mp4">
							<source src="videos/explore.webm" type="video/webm">
						</video>
						<span class="play-btn" onclick="videoplay('Video2')"></span>
					</div>
				</div>

				<div class="det-tab-con dn">
					<div class="videoBox">
						<video loop="" poster="videos/p5.jpg" id="Video3" onclick="videoplay('Video3')">
							<source src="videos/explore.mp4" type="video/mp4">
							<source src="videos/explore.webm" type="video/webm">
						</video>
						<span class="play-btn" onclick="videoplay('Video3')"></span>
					</div>
				</div>

				<div class="det-tab-con dn">
					<div class="videoBox">
						<video loop="" poster="videos/explore.jpg" id="Video4" onclick="videoplay('Video4')">
							<source src="videos/explore.mp4" type="video/mp4">
							<source src="videos/explore.webm" type="video/webm">
						</video>
						<span class="play-btn" onclick="videoplay('Video4')"></span>
					</div>
				</div>

				<div class="det-tab-con dn">
					<div class="videoBox">
						<video loop="" poster="videos/p5.jpg" id="Video5" onclick="videoplay('Video5')">
							<source src="videos/explore.mp4" type="video/mp4">
							<source src="videos/explore.webm" type="video/webm">
						</video>
						<span class="play-btn" onclick="videoplay('Video5')"></span>
					</div>
				</div>
			</div>

			<div class="det-tabBox g-25 g-p0 t-g-35 m-g-100">
				<h3 class="st1">视频标题</h3>
				<ul class="det-tab TAB" id=".det-tab-con">
					<li class="on">
						<div class="pic"><img src="images/p5.jpg" alt=""><b class="play-btn2"></b></div>
						<div class="title"><span class="datetime">04-22 16:00</span>往期主推活动标题</div>
					</li>
					<li>
						<div class="pic"><img src="images/p2.jpg" alt=""><b class="play-btn2"></b></div>
						<div class="title"><span class="datetime">04-22 16:00</span>往期主推活动标题</div>
					</li>
					<li>
						<div class="pic"><img src="images/p4.jpg" alt=""><b class="play-btn2"></b></div>
						<div class="title"><span class="datetime">04-22 16:00</span>往期主推活动标题</div>
					</li>
					<li>
						<div class="pic"><img src="images/p3.jpg" alt=""><b class="play-btn2"></b></div>
						<div class="title"><span class="datetime">04-22 16:00</span>往期主推活动标题</div>
					</li>
					<li>
						<div class="pic"><img src="images/p5.jpg" alt=""><b class="play-btn2"></b></div>
						<div class="title"><span class="datetime">04-22 16:00</span>往期主推活动标题</div>
					</li>
				</ul>
			</div>
			<div class="h20"></div>

			<div class="det-contBox g-75 t-g-100">
				<p>视频文字介绍视频文字介绍视频文字介绍视频文字介绍视频文字介绍视频文字介绍视频文字介绍视频文字介绍，视频文字介绍视频文字介绍视频文字介绍，视频文字介绍视频文字介绍视频文字介绍，视频文字介绍，视频文字介绍视频文字介绍，视频文字介绍视频文字介绍视频文字介绍</p>
				<a href="" class="btn1 ani">申请开课</a>
			</div>

		</div>
		<div class="h50"></div>
	</div>

	<div id="fd">
		<div class="wp">
			<dl class="flink g-100">
				<dt>友情链接</dt>
				<dd>
					<a href="">友情链接</a>
					<a href="">友情链接</a>
					<a href="">友情链接</a>
					<a href="">友情链接</a>
					<a href="">友情链接</a>
					<a href="">友情链接</a>
					<a href="">友情链接</a>
					<a href="">友情链接</a>
					<a href="">友情链接</a>
					<a href="">友情链接</a>
					<a href="">友情链接</a>
					<a href="">友情链接</a>
					<a href="">友情链接</a>
					<a href="">友情链接</a>
					<a href="">友情链接</a>
					<a href="">友情链接</a>
					<a href="">友情链接</a>
					<a href="">友情链接</a>
					<a href="">友情链接</a>
					<a href="">友情链接</a>
					<a href="">友情链接</a>
					<a href="">友情链接</a>
					<a href="">友情链接</a>
					<a href="">友情链接</a>
					<a href="">友情链接</a>
					<a href="">友情链接</a>
					<a href="">友情链接</a>
					<a href="">友情链接</a>
				</dd>
			</dl>
			<div class="fdl g-65 t-g-100">
				<img src="images/flogo.png" alt="" class="flogo hide-m">
				<div class="finfo">
					<div class="fcopy">
						Copyright © zyhabit.com 圣仁谷教育集团  版权所有    ICP备案号：京ICP备14025852号
					</div>
					<div class="fnav">
						<a href="">关于我们</a>|
						<a href="">合伙人</a>|
						<a href="">联系我们</a>　
						全国服务热线：<span class="f14 red">400-636-0161</span>
					</div>
					地址：北京市朝阳区高碑店惠河南街南岸一号B区15-1号　<img class="vam" src="images/cnzz.gif" alt="">
				</div>
			</div>
			<div class="fma g-35 hide-t hide-m">
				<div class="txt">
					扫一扫<br>关注我们<br>微信号：圣仁谷
				</div>
				<img src="images/ma.jpg" alt="">
			</div>
			<div class="c"></div>
		</div>
	</div>

	<div id="ToolBar">
		<a href="" class="a-mess"></a>
		<a href="javascript:void(0);" class="toTop"></a>
	</div>

	<script type="text/javascript" src="js/lib.js"></script>
	<script>
	jQuery(document).ready(function($) {
		$('.det-tab li.on').find('.pic').stop().slideDown();
		$('.det-tab li').click(function() {
			$('.det-tab li').not(this).find('.pic').stop().slideUp();
			$(this).find('.pic').stop().slideDown();
		});
	});
	</script>

</body>
</html>